<template>
    <div>
    <div class="major">           
            <div class="content">
            <h3>{{ gzts }}</h3>
                <p class="hint" v-html="a"></p>
                <div id="operation">
                <router-link to="/Password" class="but">同意</router-link><br>
                <span @click="buy">不同意</span>
                </div>

        </div>
    </div>


    </div>
</template>

<script>
export default {
    data() {
        return {
            gzts: '个人信息保护提示',
            a: "欢迎使用小红书! <br/>1.使用本应用会产生联网行为, 联网包括数据业务联网以及WLAN联用, 流量费用请咨询当地运营商。< br /> 2.为了保障软件的要全运行和账产要全, 我们会申请您的电话权限, 收集设备信息、IP地址、MAC地址。<br />3.上传或拍摄图片、视频，需要使用您的有储、相机、麦克风、电话、日历权限。<br>4.我们可能会申请位置权限，用于为您推荐您可能感兴趣的内客。<br>5.为了帮助您发现更多朋友，我们会申请通讯录权限<br>6.我们尊重您的选择权，您可以访问、修改、删除您的个人信息并管理您的授权，我们也为您提供注销、投诉渠道。<br>我们将通过《用户协议》和《隐私政策》，帮助您了解我们为您提供的服务、我们如何处迟个人信息以及您享有的权利。我们会严格按照相关法律法规要求，<br>6.我们尊重您的选择权，您可以访问、修改、删除您的个人信息并管理您的授权，我们也为您提供注销、投诉渠道。<br>我们将通过《用户协议》和《隐私政策》，帮助您了解我们为您提供的服务、我们如何处迟个人信息以及您享有的权利。我们会严格按照相关法律法规要求，6.我们尊重您的选择权，您可以访问、修改、删除您的个人信息并管理您的授权，我们也为您提供注销、投诉渠道。<br>我们将通过《用户协议》和《隐私政策》，帮助您了解我们为您提供的服务、我们如何处迟个人信息以及您享有的权利。我们会严格按照相关法律法规要求，<br>6.我们尊重您的选择权，您可以访问、修改、删除您的个人信息并管理您的授权，我们也为您提供注销、投诉渠道。<br>我们将通过《用户协议》和《隐私政策》，帮助您了解我们为您提供的服务、我们如何处迟个人信息以及您享有的权利。我们会严格按照相关法律法规要求<br>"
            
        }
    },
    methods: {
        buy() {
            this.gzts = '温馨提示'
            this.a ="如果您不同意《用户协议》和《隐私政策》,很遗博我们将无法为您提快服务。<br>您需要同意以下协议后,才能使用小红节<br>1.使用本应用会产生联网行为,联网包括数拆业务联网以及WLAN联网,流量费用请奇询专地远营商。<br>2为了保降软行的安全后行和您户安全,我们会中请您的电话权限,收集设备信息、IP也址、MAC地址.<br>3上传或拍摄图片,视频，需要使用您的存储、相机、委克风、电话、自历权限。"
                
            
        }
    
    },






}


</script>

<style scoped>
* {
    padding: 0px;
    margin: 0px;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
</style>

<style scoped>
a {
    text-decoration: none;
}

.major {
    width: 100vw;
    height: 100vh;
    background-color: rgba(165, 165, 165, 0.9);
    /* margin: 0 auto; */
    padding-top:200px;
    box-sizing: border-box;
}
.content{
    width: 350px;
    height: 435px;
    background-color: rgba(255, 255, 255, 0.819);
    margin: 0 auto;
    border-radius: 15px;
    padding-top: 15px;
    box-shadow: 0px 5px 20px rgb(132, 132, 132);
}
.content h3{
    text-align: center;
}
.hint{
    width: 320px;
    height: 280px;
    padding: 20px;
    padding-top: 0;
    font-size: 14px;
    overflow:scroll;
}
#operation{
    width: 320px;
    margin: 15px auto 0 auto;
    text-align: center;
}
.but{
    display: inline-block;
    width: 320px;
    height: 35px;
    border-radius: 50px;
    border: 0;
    color: white;
    background-color: red;
    margin-bottom: 10px;
    padding-top: 5px;
    box-sizing: border-box;
}
#operation span{
    color: rgb(118, 118, 118);
    cursor: pointer;
}
.hint::-webkit-scrollbar {   
    width: 0; 
    } 
</style>